#calview {
    position: relative;
    width: 800px;
    min-height: 610px;
}

#calview #sidebar {
    position: relative;
    left: 0;
    width: 186px;
}

#calview #connectorBar {
    position: absolute;
    top: 0;
    left: 186px;
    width: 14px;
    height: 38px;
    background: #3385e4;
}

#calview #calendarBox {
    position: absolute;
    top: 0;
    left: 200px;
    width: 600px;
}

#calview #belowCalendar {
    position: absolute;
    top: 505px;
    left: 200px;
    width: 600px;
}

#belowCalendar .calViewButtons {
    float: right;
    height: 36px;
    line-height: 36px;
}

#values #nameDiv {
    float: left;
    height: 36px;
    line-height: 36px;
}

#values #syncOptionsDiv {
    clear: both;
    width: 100%;
    text-align: right;
}

.editInCal #syncOptionsDiv {
    display: none;
}

#values #syncOptionsDiv select {
    display: inline;
    margin-left: 6px;
    max-width: 150px;
    width: 150px;
}

.ui-widget {
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

.ui-widget-content .ui-state-default {
    color: #000;
}

.ui-datepicker {
    border: none;
    padding: 0;
    width: 186px;
    background: transparent;
}

.ui-datepicker .ui-datepicker-calendar {
    background-color: #F5F5F5;
    margin: 2px 0 0 0;
    border-collapse: separate;
    border-spacing: 0;
    border-left: 4px solid #F5F5F5;
    border-right: 4px solid #F5F5F5;
}

.x-ui-datepicker-first-day-weekend .ui-datepicker-calendar {
    border-left: 4px solid #DDDDDD;
}

.x-ui-datepicker-last-day-weekend .ui-datepicker-calendar {
    border-right: 4px solid #DDDDDD;
}

.ui-datepicker th {
    padding: 4px 0 8px;
}

.ui-datepicker .ui-datepicker-week-end {
    background-color: #DDDDDD;
}

.ui-datepicker .ui-datepicker-other-month a {
    color: #F5F5F5;
    opacity: 1;
}

.ui-datepicker .ui-datepicker-other-month.ui-datepicker-week-end a {
    color: #DDDDDD;
}

.ui-datepicker .ui-datepicker-other-month.x-ui-datepicker-current-week a {
    color: #FFF;
}

.ui-datepicker .ui-datepicker-other-month.ui-datepicker-today a {
    color: #FFFFE0;
}

.ui-datepicker .ui-state-default {
    background: transparent;
    border-color: transparent;
}

.ui-datepicker td {
    padding: 0;
}

.ui-datepicker .x-ui-datepicker-last-row {
    border-bottom: 4px solid #F5F5F5;
}

.ui-datepicker .x-ui-datepicker-last-row.ui-datepicker-week-end {
    border-bottom: 4px solid #DDDDDD;
}

.ui-datepicker td a {
    text-align: center;
}

.ui-datepicker .x-ui-datepicker-current-week, .ui-datepicker .x-ui-datepicker-current-week a {
    background: #FFF;
}

.ui-datepicker .ui-datepicker-today a {
    font-weight: bold;
    background: #FFFFE0;
    border-color: #DDDDDD;
}

.ui-datepicker .ui-datepicker-today.ui-datepicker-week-end a {
    border-color: #F5F5F5;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    margin-top: -9px;
    margin-left: -15px;
}

.ui-datepicker .ui-state-hover {
    background: none;
    border: 1px solid transparent;
}

.ui-datepicker .ui-icon-circle-triangle-w {
    background: url("WebContent/Images/doodlesprite.png") no-repeat -113px -43px;
    width: 29px;
    height: 17px;
}

.ui-datepicker .ui-icon-circle-triangle-w:hover {
    background-position: -84px -43px;
}

.ui-datepicker .ui-icon-circle-triangle-e {
    background: url("WebContent/Images/doodlesprite.png") no-repeat -171px -43px;
    width: 29px;
    height: 17px;
}

.ui-datepicker .ui-icon-circle-triangle-e:hover {
    background-position: -142px -43px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.4em;
    line-height: 2.4em;
    color: #fff;
}

.ui-datepicker .ui-datepicker-header {
    padding: 0;
    height: 36px;
    background: #3385e4;
    border-color: #3385e4;
}

.fc-agenda .fc-agenda-axis {
    border-left: 0 none;
}

.fc-agenda-allday th.fc-agenda-gutter {
    border-right: 0 none;
}

.fc-event {
    font-size: 11px;
    line-height: 13px;
}

.fc-event-skin {
    border-color: #3385e4;
    background-color: #3385e4;
}

.wersys.fcCalAd.fc-event-skin, .wersys.fcCalAd .fc-event-skin {
    background-color: #323232;
    border-color: #323232;
}


.fc-event-time, .fc-event-title {
    padding: 0 2px;
}

.fc-event-vert .fc-event-bg {
    opacity: 0.65;
    filter: alpha(opacity = 65);
}

.fc-event-title {
    word-wrap: break-word;
}

.fc-event-hori .fc-event-title {
    white-space: nowrap;
}

.fc-event-vert .fc-event-title {
    color: #000;
    overflow: hidden;
}

.fc-event-vert .ui-resizable-s {
    color: #0064DC;
}

.kalsys.fc-event-skin, .kalsys .fc-event-skin {
    background-color: #CBABD5;
    border-color: #CBABD5;
    color: black;
    cursor: default;
}

.kalsys.readOnly.fc-event-skin, .kalsys.readOnly .fc-event-skin {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}

.option, .fc-agenda .option .fc-event-time {
    cursor: default;
}

.fc-agenda .kalsys.readOnly.freeBusy .fc-event-time {
    display: none;
}

.option.yes.fc-event-skin, .option.yes .fc-event-skin,
.option.disabled.final.fc-event-skin, .option.disabled.final .fc-event-skin {
    background-color: #82DE81;
    border-color: #82DE81;
}

.option.no.fc-event-skin, .option.no .fc-event-skin {
    background-color: #E78682;
    border-color: #E78682;
}

.option.ifNeedBe.fc-event-skin, .option.ifNeedBe .fc-event-skin {
    background-color: #FDDA69;
    border-color: #FDDA69;
}

.option.nonFinal.fc-event-skin, .option.nonFinal .fc-event-skin,
.option.disabled.fc-event-skin, .option.disabled .fc-event-skin {
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}

.fc-event-vert.option.yes .fc-event-time, .fc-event-vert.option.no .fc-event-time, .fc-event-vert.option.ifNeedBe .fc-event-time, .fc-event-vert.option.nonFinal .fc-event-time, .fc-event-vert.option.disabled.final .fc-event-time, .fc-event-hori.option.yes .fc-event-title, .fc-event-hori.option.no .fc-event-title, .fc-event-hori.option.ifNeedBe .fc-event-title, .fc-event-hori.option.nonFinal .fc-event-title, .option.disabled.final .fc-event-title {
    color: #000;
}

.frob {
    position: absolute;
    z-index: 1000;
    right: 0px;
    top: 0;
    padding: 0 4px;
    font-size: 10px;
    color: white;
    cursor: pointer;
}

.frob:hover {
    color: #ff6969;
}

.fc-event .answer {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    color: #0064DC;
    font-size: 0.85em;
    line-height: 18px;
    cursor: pointer;
}

.fc-event .answer.y {
    left: 2px;
}

.fc-event .answer.n {
    right: 2px;
}

.fc-event.threeLevel .answer.y, .fc-event.threeLevel .answer.n {
    bottom: 15px;
}

.fc-event .answer.inb {
    width: 100%;
    left: 0;
    text-align: center;
}

#dTip.q-answer-content {
    width: 110px;
    border: 1px solid #525252;
    background-color: #FFF;
}

#dTip.q-answer-content .mtContent {
    padding: 5px;
}

.q-answer-content p, .q-answer-content .answer {
    font-size: 0.85em;
    line-height: 13px;
}

.q-answer-content hr {
    margin-top: 3px;
    margin-bottom: 3px;
}

.q-answer-content .answer {
    color: #0064DC;
    cursor: pointer;
}

.q-answer-content .yn {
    padding-top: 5px;
}

.q-answer-content .answer.y {
    float: left;
}

.q-answer-content .answer.n {
    float: right;
}

.q-answer-content .clr {
    clear: both;
}

.q-answer-content .answer.inb {
    text-align: center;
}

.option.yes .answer.y, .option.no .answer.n, .option.ifNeedBe .answer.inb, .q-answer-content.yes .answer.y, .q-answer-content.no .answer.n, .q-answer-content.ifNeedBe .answer.inb {
    color: #000;
    text-decoration: underline;
    cursor: default;
}

.option.closed .answer, .q-answer-content.closed .answer {
    cursor: default;
    color: #868686;
}

.fc-agenda-bg td.fc-not-today, .fc-agenda-body .fc-axis {
    background-color: #FFF;
}

.fc-agenda-days tbody tr.fc-first td.fc-sat, .fc-agenda-days tbody tr.fc-first td.fc-sun {
    background-color: #F5F5F5;
}

.fc-agenda-days tbody tr.fc-first td.fc-today {
    background-color: #FFFFE0;
}

.fc-agenda-days thead tr.fc-first {
    padding: 0;
    height: 40px;
    background: url("../../graphics/calendar/header-bg.png") repeat-x;
}

.fc-agenda-days thead tr.fc-first th {
    border-color: transparent;
    border-top-width: 0;
    color: #fff;
    vertical-align: middle;
    line-height: 14px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 31px;
}

.fc-agenda-allday th, .fc-agenda-allday td {
    border-top: 0 none;
}

.fc-agenda-allday th {
    background-color: #fff;
}

.fc-agenda-allday .fc-agenda-axis {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.clock.loading {
    background: url("../../graphics/loading.gif") no-repeat 0 0;
}

#sidebar .busy {
    margin-left: 10px;
}

.fc-agenda .fc-axis {
    width: 55px;
}

.fc-agenda .x-fc-prev, .fc-agenda .x-fc-next {
    position: absolute;
    top: 2px;
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    cursor: pointer;
}

.fc-agenda .x-fc-prev {
    left: -1px;
}

.fc-agenda .x-fc-next {
    left: 31px;
}

.fc-agenda .x-fc-prev span, .fc-agenda .x-fc-next span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    width: 21px;
    height: 17px;
}

.fc-agenda .ui-icon-circle-arrow-w {
    background: url("WebContent/Images/doodlesprite.png") -42px -43px no-repeat;
    margin-left: -6px;
}

.fc-agenda .ui-icon-circle-arrow-w:hover {
    background: url("WebContent/Images/doodlesprite.png") -21px -43px no-repeat;
    margin-left: -6px;
}

.fc-agenda .ui-icon-circle-arrow-e {
    background: url("WebContent/Images/doodlesprite.png") -63px -43px no-repeat;
    margin-left: -15px;
}

.fc-agenda .ui-icon-circle-arrow-e:hover {
    background: url("WebContent/Images/doodlesprite.png") 0 -43px no-repeat;
    margin-left: -15px;
}

.fc-agenda .x-fc-top {
    font-weight: bold;
}

.fc-agenda .x-fc-bottom {
    font-weight: normal;
}

.fc-agenda-divider {
    border-width: 1px 0;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #FFF;
}

.blockTitle, .noItem {
    margin: 17px 0 6px 10px;
}

.blockTitle {
    font-weight: bold;
}

p.noItem {
    margin-top: -4px;
}

#sidebar .scroll.slim {
    height: 140px;
    overflow-x: hidden;
    overflow-y: auto;
}

#calLink, #calConfigLink {
    margin: 0 0 6px 10px;
}

.calToggler {
    width: 172px;
    height: 18px;
    margin-top: 2px;
    padding: 4px 4px 4px 10px;
    color: #000;
    cursor: pointer;
    background: url("WebContent/Images/doodlesprite.png") no-repeat -116px 0;
}

.calToggler .label {
    white-space: nowrap;
    overflow: hidden;
}

.calToggler.readOnly {
    background-position: 0 -246px;
}

.calToggler.readOnly.shown {
    background-position: 0 -220px;
}

.calToggler.writable {
    background-position: 0 -194px;
}

.calToggler.writable.shown {
    background-position: 0 -168px;
}

.slim .calToggler {
    width: 152px;
}

.slim .calToggler.readOnly {
    background-position: -186px -246px;
}

.slim .calToggler.readOnly.shown {
    background-position: -186px -220px;
}

.slim .calToggler.writable {
    background-position: -186px -194px;
}

.slim .calToggler.writable.shown {
    background-position: -186px -168px;
}

.calTogglerOptions {
    width: 172px;
    height: 16px;
    margin-top: 2px;
    padding: 4px 4px 0 10px;
}

.selectedDate {
    width: 186px;
    height: 26px;
    margin-top: 2px;
    background: url("WebContent/Images/doodlesprite.png") no-repeat 0 -116px;
}

.selectedDate .l, .selectedDate .r {
    float: left;
    height: 18px;
    overflow: hidden;
}

.selectedDate.nonFinal {
    background-position: 0 -116px;
}

.selectedDate .l {
    width: 154px;
    padding: 4px 0 4px 10px;
    color: #0064DC;
    cursor: pointer;
}

.selectedDate.no .l .label {
    text-decoration: line-through;
}

.selectedDate .r {
    width: 15px;
    padding: 4px 4px 4px 0;
}

.selectedDate .r .icon {
    width: 15px;
    height: 15px;
    margin: 0;
}

.selectedDate .r .icon.delIcon {
    width: 12px;
    height: 12px;
}

.selectedDate.part .r {
    cursor: pointer;
}

.selectedDate.part .r .icon {
    background: url("WebContent/Images/doodlesprite.png") -30px -12px no-repeat;
    margin: 2px 0;
}

.selectedDate.part.yes .r .icon, .selectedDate.part.disabled.final .r .icon {
    background-position: -15px -12px;
}

.selectedDate.part.no .r .icon {
    background-position: -45px -12px;
}

.selectedDate.part.disabled .r .icon {
    background-position: -90px -12px;
}

.selectedDate.part.disabled.nonFinal .r .icon {
    background: none;
}

.selectedDate.part.ifNeedBe .r .icon {
    background-position: 0 -12px;
}

.selectedDate.part.nonFinal .l {
    color: #868686;
}

.selectedDate.part.yes.nonFinal .r .icon {
    background-position: -75px -12px;
}

.selectedDate.part.no.nonFinal .r .icon {
    background-position: -90px -12px;
}

.selectedDate.part.ifNeedBe.nonFinal .r .icon {
    background-position: -60px -12px;
}

.slim .selectedDate {
    width: 166px;
}

.slim .selectedDate .l {
    width: 140px;
    padding-left: 4px;
}

.clock {
    background: url("WebContent/Images/doodlesprite.png") no-repeat scroll -322px -78px transparent;
    display: inline;
    padding-left: 18px;
    padding-top: 4px;
}

#belowCalendar .targetCalendarContainer label {
    display: none;
}

#belowCalendar .calViewButtons > * {
    float: left;
}

#belowCalendar .calViewButtons {
    margin-top: 6px;
    vertical-align: middle;
}

#belowCalendar #calSave {
    margin-left: 10px;
}

.errorIcon {
    margin: 0;
}

.warningIcon {
    margin: 0;
}